<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/settings/Friend.css" />
		<link rel="stylesheet" href="../../css/vCloak.css" />
	</head>

	<body style="background: #fff;">
		<div class="friend">
			<header class="mui-bar mui-bar-nav">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" href="collection.html"></a>
				<h1 class="mui-title" v-cloak>{{bookName}}</h1>
			</header>
			<div class="mui-content contenta">
				<div class="contenta_a" v-for="(tmp,index) in list">
					<div class="content_img">
						<div class="touxiang"><img :src="tmp.avatar"></div>
						<div class="content_jieshao">
							<span style="color: #333333;" v-cloak>{{tmp.studentName}}</span>
							<p class="wufan" v-cloak>{{tmp.writeDate}}</p>
						</div>
					</div>
					<div class="contenta_contenta clear">
						<div class="cotenta_Publish" v-cloak>{{tmp.noteContent }}</div>
						<div class="contenta_img" v-if="tmp.multiplePictureList != ''" v-for="item in tmp.multiplePictureList">
							<img :src="item" class="pic" data-preview-src="" :data-preview-group="index">
						</div>
					</div>
				</div>
			</div>

		</div>

		<script src="../../js/mui.min.js"></script>
		<script src="../../js/libs/mui.zoom.js"></script>
		<script src="../../js/libs/mui.previewimage.js"></script>
		<script src="../../js/libs/zepto_1.1.3.js"></script>
		<script src="../../js/libs/vue.js"></script>
		<script src="../../js/common/common.js"></script>
		<script src="../../js/settings/Friend.js"></script>
	</body>